<template>
  <div>
<el-form :inline="true" :model="formInline" class="demo-form-inline">
  <el-form-item label="生产部门">
    <el-select v-model="formInline.region" placeholder="请选择">
      <el-option label="技术部" value="技术部"></el-option>
      <el-option label="市场部" value="市场部"></el-option>
      <el-option label="特务一部" value="特务一部"></el-option>
      <el-option label="特务二部" value="特务二部"></el-option>
      <el-option label="宏石" value="宏石"></el-option>
    </el-select>
  </el-form-item>
  
  <el-form-item label="年份">
    <el-select v-model="formInline.region" placeholder="请选择">
      <el-option label="2022" value="2022"></el-option>
      <el-option label="2021" value="2021"></el-option>
      <el-option label="2020" value="2020"></el-option>
      <el-option label="2019" value="2019"></el-option>
      <el-option label="2018" value="2018"></el-option>
      <el-option label="2017" value="2017"></el-option>
      <el-option label="2016" value="2016"></el-option>
      <el-option label="2015" value="2015"></el-option>
    </el-select>
  </el-form-item>
  <el-form-item label="收费时间">
    <el-date-picker
      v-model="value1"
      type="date"
      placeholder="选择日期">
    </el-date-picker>
  </el-form-item>
  <el-form-item label="至">
    <el-date-picker
      v-model="value1"
      type="date"
      placeholder="选择日期">
    </el-date-picker>
  </el-form-item>
  <el-form-item>
    <el-button type="primary" @click="onSubmit">查询</el-button>
  </el-form-item>
</el-form>



<el-table
      :data="tableData"
      style="width: 100%">
      <el-table-column
        prop="xh"
        label="合同总数">
      </el-table-column>
      <el-table-column
        prop="htbh"
        label="已付款合同数">
      </el-table-column>
      <el-table-column
        prop="htmc"
        label="未付款合同数">
      </el-table-column>
      <el-table-column
        prop="zgs"
        label="已结算合同数">
      </el-table-column>
      <el-table-column
        prop="hte"
        label="签订合同总额">
      </el-table-column>
      <el-table-column
        prop="sjhte"
        label="已收款">
      </el-table-column>
      
    </el-table>

      
  </div>
</template>




<script>
  export default {
    data() {
      return {
        tableData: [{
            xh: '0',
            htbh: '0',
            htmc: '0',
            zgs:'0',
            hte:'0.00',
            sjhte:'0.0000000',
          }],
        formInline: {
          user: '',
          region: ''
        }
      }
    },
    methods: {
      onSubmit() {
        console.log('submit!');
      },
    }
  }
</script>